import styles from './index.less';

export default function Select(props: any) {
  const { damageCondition } = props;
  return (
    <div className={styles.tableBox}>
      <div className={styles.tableBoxHeader}>
        <div>品种</div>
        <div>原因</div>
        <div>数量</div>
        <div>占比</div>
      </div>
      <div className={styles.tableBoxbodayBox}>
        {damageCondition?.map((item: any) => (
          <div className={styles.tableBoxboday}>
            <div>{item.fishTypeName ? item.fishTypeName : '-'}</div>
            <div>{item.reason ? item.reason : '-'}</div>
            <div>{item.damageNumber}</div>
            <div>{item.proportion ? item.proportion : '-'}</div>
          </div>
        ))}
      </div>
    </div>
  );
}
